<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/mobile-header.jsp"%>
<html style="overflow-x:hidden;overflow-y:auto;"><head>
    <title>${project.name }</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">        
<!-- Mobile Devices Support @begin -->
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
<meta content="no-cache" http-equiv="pragma">
<meta content="0" http-equiv="expires">
<meta content="telephone=no, address=no" name="format-detection">
<meta name="apple-mobile-web-app-capable" content="yes"> <!-- apple devices fullscreen -->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

  <link rel="stylesheet" type="text/css" href="${ctxStatic}/site/themes/QiCheFuWu/common.css" media="all">
<link rel="stylesheet" type="text/css" href="${ctxStatic}/site/themes/QiCheFuWu/home-19.css" media="all">	
<link rel="stylesheet" type="text/css" href="${ctxStatic}/site/themes/QiCheFuWu/ny.css" media="all">	
<script type="text/javascript" src="${ctxStatic}/site/themes/QiCheFuWu/swipe.js"></script>
</head>
<body >
<div class="body">
<div class="navbar">
            <div class="ch3">智迅云服务后台</div>
            <div style="width:130px;position:absolute;top:5px;right:5px;z-index:10;">
	  <a class="nav-link" href="javascript:menu()"><span style="line-height:30px;foont-size:16px;">菜单</span></a>
		<div style="text-align: center; display: none;" id="menu">
          <div style="background-color:rgba(50,50,50,0.9);border-radius:5px;box-shadow:0 0 3px #333;">
              <ul id="menu_list">
                <li><a class="ui-link" href="${ctxMobileSite }/${project.id}?menuId=1"><div>首 页</div></a></li>                    
                <li><a class="ui-link" href="${ctxMobileSite }/${project.id}?menuId=2"><div>汽车预览</div></a></li>
                <li><a class="ui-link" href="${ctxMobileSite }/${project.id}?menuId=3"><div>公司动态</div></a></li>     
                <li><a class="ui-link" href="${ctxMobileSite }/${project.id}?menuId=7"><div class="autocut">联系我们</div></a></li> 
                <c:forEach items="${microPages }" var="microPage">
				<li><a class="ui-link" href="${ctxMobileSite }/viewPage/${microPage.id }"><div class="autocut">${microPage.name }</div></a></li>	
				</c:forEach>
              </ul>
          </div>
      </div>
<script>
	function menu(){
		$('#menu').toggle()
	}
</script>
	    </div>
        </div>
<section class="news_article">
          <header>
				<h3 style="font-size:14px;">${microPage.name }</h3>
				<small class="gray"><fmt:formatDate value="${microPage.createTime }" type="date"/></small>
			</header>
            <article>
	${microPage.content }
            </article>
            </section>
         <footer>
            <div class="footer">
                <a href="">© ${project.companyName }</a>
                <a style=" ;display:block;" class="weiba-support tpl-support">技术支持:博信科技</a>
            </div>
        </footer>
   </div>         
 
</body>
</html>
